@charset "utf-8";
/* CSS Document */
.bg{width: 100%; max-width: 1920px; min-width: 1360px; margin: auto; height: auto; overflow: hidden; position: relative;}
.banner{ position: relative; z-index: 2}
.banner img{width: 100%;}
.bg_color{width: 100%; height: auto; background: #eb5c4f; padding-bottom: 20px; padding-bottom: 100px;}
.title{width:1104px; height: auto; margin: auto; position: absolute; z-index: 2;top:30px; left: 50%; margin-left: -552px;}
.tit_text{width: 390px; height: 60px; line-height: 60px; color: #fff; font-size: 30px; text-align: center; font-weight: 600; position: absolute; z-index: 2; top: 0; left: 50%; margin-left: -195px;}
.bt{position: absolute; z-index: -1; top: 110px; left: 50%; margin-left: -492.5px }
.con{position: absolute; z-index: 1; top: 215px; width: 984px; left: 50%; margin-left:-493px }
.con ul{ overflow: hidden; background: #fdebea;}
.con ul li{background: #fff; float: left; margin-bottom: 20px;margin-right: 6px;}
.con ul li:nth-child(3n){margin-right: 0;}
.con ul li:nth-child(7){margin-bottom: 0;}
.con ul li:nth-child(8){margin-bottom: 0;}
.con ul li:nth-child(9){margin-bottom: 0;}
.con ul li .img_bg{ width: 324px; height: auto; background: #ccc; position: relative; overflow: hidden;}
.con ul li .img_bg img{width: 100%;}
.con ul li .img_bg em{display: block; width: 34px; height: 34px; position: absolute; z-index: 2;}
.con ul li .text{font-size: 16px;color: #333333; width: 76%; margin: auto; text-align: center; overflow: hidden;line-height: 30px; margin-top: -30px; position: relative; z-index: 4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.con ul li .mon{width: 100%; height: 40px; background: #f13624; overflow: hidden;margin-top:6px;}
.con ul li .mon .fl{font-size: 20px; color: #ffe616; line-height: 40px; margin-left: 20px;}
.con ul li .mon .fl em{font-size: 34px;}
.this_butt{width: 86px; height: 32px; background: url(../images/qg_an.png) no-repeat; text-align: center; line-height: 32px; font-size: 14px; color: #ffe616; margin-top: 4px; margin-right: 20px;}
/* .con ul li:nth-of-type(even){margin:0 6px;} */
.bk{position: absolute; z-index: 3; top: 142px;width:1020px; left: 50%; margin-left: -511px;}
.bk img{ height: 100%;}
.goods_bg{ width:991px;margin:auto; height: 1317px; position: relative; margin-bottom: 20px}
.goods_bg{background: url(../images/goods_bg.png)}
.goods_list li{width: 220px; height: 282px; background: #fff; border: #f08278 solid 1px; float: left; margin-right: 10px; margin-bottom: 10px}
.goods_list li:nth-child(4n){margin-right: 0;}
.goods_list {width: 920px; height: auto; position: absolute; z-index: 1; top: 78px; left: 35.5px;}
.img{width: 202px; height: 202px; background: #ccc; margin:10px auto}
.img img{width: 100%;}
.g_text{font-size: 14px;color: #333; line-height: 30px; overflow: hidden;width: 202px;margin: auto; white-space: nowrap; text-overflow: ellipsis}
.p_mon{width: 202px;margin: auto;}
.p_mon .fl{ font-size: 14px; color: #eb5c4f; line-height: 22px;}
.p_mon .fl em{ font-size: 24px;}
.p_mon .fr{margin-top: 4px;}
.p_mon .fr a{padding: 4px; background: #eb5c4f; color: #fff; font-size: 12px;}
.zw{position: relative; z-index: 3; margin-top: 66px;}
.zw li{float: left; width: 324px;  width: 324px}
/* wap */
.w_bg{width: 100%; height: auto; overflow: hidden}
.w_banner img{width: 100%;}
.w_title{width: 40%; margin: auto; margin-bottom: 10px;}
.w_title img{width: 100%;}
.w_c1 {width: 98%; margin: auto}
.w_c1 li{overflow: hidden; margin-bottom: 5px}
.w_c1 li img{ width: 100%;}
.w_c2 li{ width: 50%; float: left}
.w_con{ width: 97%; margin: auto;}
.w_con ul{width: 100%; overflow: hidden}
.w_con ul li{width: 49%; float: left; background: #fff; margin-bottom: 2%}
.w_con ul li:nth-child(odd){float: left}
.w_con ul li:nth-child(even){float: right}
.w_con ul li img{width: 100%}
.w_text_h{font-size: 14px; color: #333; width: 94%; margin: auto; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; line-height: 30px;}
.w_moner{font-size: 14px; color: #eb5c4f; width: 94%; margin: auto; line-height: 28px;}
.w_moner em{font-size: 20px;}
.list_1 li{width: 324px;}
.w_con2{ width: 97%; margin: auto;}
.w_con2 ul{width: 100%; overflow: hidden}
.w_con2 ul li{width: 49%; float: left; background: #fff; margin-bottom: 2%}
.w_con2 ul li:nth-child(odd){float: left}
.w_con2 ul li:nth-child(even){float: right}
.w_con2 ul li img{width: 100%}
.w_text_h2{font-size: 14px; color: #333; width: 94%; margin: auto; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; line-height: 30px;}
.w_moner2{font-size: 14px; color: #eb5c4f; width: 94%; margin: auto; line-height: 28px;}
.w_moner2 em{font-size: 20px;}
.foot{margin-top: -100px;}
.nav{ position: fixed; z-index: 3;right: 50%; margin-right: -823px; top: 200px}
.nav ul{ position: absolute ;z-index: 1; top: 89px; width: 100%; right: 18px; text-align: center}
.nav ul li{ line-height: 40px;}
.nav ul li a{font-size: 14px; color: #fff;}
.nav ul li.active{background: url(../images/hover.png) no-repeat 56px center;}